.banner {
  font-family: 宋体;
  height: 100%;

  .banner1 {
    background-image: url("../../../../assets/images/banner1.jpg");

    .slogan-wrap1 {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      padding-top: 35px;

      .slogan-wrap1-title {
        color: #fff;
        display: block;
        font-size: 2.5em;
        margin-block-start: 0.83em;
        margin-block-end: 0.83em;
        margin-inline-start: 0;
        margin-inline-end: 0;
        font-weight: bold;

      }

      .slogan-wrap1-content {
        display: flex;

        h2 {
          margin-left: 50px;
          font-size: 3.5em;
          font-weight: bold;
          color: #fff;
          font-family: 楷体;
        }
      }

    }
  }

  .banner2 {
    margin-top: 5px;
    background-image: url("../../../../assets/images/banner2.png");

    .slogan-wrap2 {
      position: relative;
      width: 100%;
      display: flex;
    }

    .slogan-wrap2-title1 {
      position: absolute;
      text-align: center;
      bottom: 0;
      font-size: 2.5em;
      top: 0;
      line-height: 80px;
      display: flex;
      margin-left: 15%;
      color: #fff;
    }

    .slogan-wrap2-title2 {
      position: absolute;
      text-align: center;
      top: 0;
      bottom: 0;
      margin-left: 15%;
      font-size: 2.5em;
      left: 50%;
      line-height: 80px;
      display: flex;
      color: #fff;
    }
  }

  .banner3 {
    margin-top: 5px;
    background-image: url("../../../../assets/images/banner3.jpg");

    .slogan-wrap3 {
      position: relative;
      width: 100%;
      display: flex;

      .slogan-wrap3-title1 {
        position: absolute;
        text-align: center;
        bottom: 0;
        font-size: 2.5em;
        top: 0;
        line-height: 80px;
        display: flex;
        margin-left: 15%;
        color: #fff;
      }

      .slogan-wrap3-title2 {
        position: absolute;
        text-align: center;
        top: 0;
        bottom: 0;
        margin-left: 15%;
        font-size: 2.5em;
        left: 50%;
        line-height: 80px;
        display: flex;
        color: #fff;
      }
    }
  }

  .banner4 {
    margin-top: 5px;
    background-image: url("../../../../assets/images/banner4.png");

    .slogan-wrap4 {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      padding-top: 35px;

      .slogan-wrap4-title {
        color: #333333;
        display: block;
        font-size: 2.5em;
        margin-block-start: 0.83em;
        margin-block-end: 0.83em;
        margin-inline-start: 0;
        margin-inline-end: 0;
        font-weight: bold;
        text-align: center;
      }

      .slogan-wrap4-content {
        font-weight: bold;

        h2 {
          margin-left: 50px;
          font-size: 2.5em;
          color: #333333;
        }
      }

    }
  }

  .banner5 {
    text-align: center;
    margin-top: 5px;
    background-image: url("../../../../assets/images/banner5.png");
  }
}